<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>
<script>
    // console.log('',localStorage);


    //本地存储localStorage

    localStorage.setItem('name','草泥马');

    var person = {
        name:'吴亦凡',
        age:40,
        sex:'男'
    }
    //添加
    localStorage.setItem("person",JSON.stringify(person));


    //获取  并转换为json对象形式

    var newStr = JSON.parse(localStorage.getItem('person'))

    console.log('',newStr.name);

    //移除
    localStorage.removeItem('name');
    //移除全部
    localStorage.clear();



    //会话存储 sessionStorage
    //特点:如果浏览器一直不关闭,数据就会一直缓存,会导致页面中有一些不需要的数据,这些数据会占用内存(脏数据)
    //优点:在不同的窗口下,sessionStorage独立存储 互不干扰
    // 缺点:有效期短,sessionstorage的有效期只有网页打开和关闭之间

    //添加
    sessionStorage.setItem("name","sessionStorage存储");
    //获取
    sessionStorage.getItem();
    //长度
    sessionStorage.length;
    //清除
    sessionStorage.removeItem();
    //清除全部
    sessionStorage.clear();
</script>